import React from "react";
import { View, Text } from "react-native";
import { Entypo } from "@expo/vector-icons";
import { FontAwesome } from "@expo/vector-icons";
import { Foundation } from "@expo/vector-icons";

const NoData = ({ desc, type }) => {
  const tagpicture = () => {
    if (type == "nopicture") {
      return <FontAwesome name="photo" size={58} color="#ddd" />;
    } else if (type == "noaudio") {
      return <Foundation name="record" size={60} color="#ddd" />;
    } else {
      return <Entypo name="folder-video" size={60} color="#ddd" />;
    }
  };
  return (
    <View
      style={{
        alignItems: "center",
        justifyContent: "center",
        marginTop: 100,
      }}
    >
      {tagpicture()}

      {/* <Entypo name="direction" size={24} color="#ddd" />
      <Entypo name="archive" size={60} color="#ddd" /> */}

      <Text style={{ color: "#bbb", marginTop: 10, fontSize: 15 }}>{desc}</Text>
    </View>
  );
};

export default NoData;
